home *** CD-ROM | disk | FTP | other *** search
/ PC World Komputer 2010 April / PCWorld0410.iso / pluginy Firefox / 7684 / 7684.xpi / chrome / firefm.jar / skin / flock / fmToolbar.css < prev    next >
Cascading Style Sheet File  |  2009-08-06  |  13KB  |  404 lines
  1. /**
  2.  * Copyright (c) 2008, Jose Enrique Bolanos, Jorge Villalobos
  3.  * All rights reserved.
  4.  *
  5.  * Redistribution and use in source and binary forms, with or without
  6.  * modification, are permitted provided that the following conditions are met:
  7.  *
  8.  *  * Redistributions of source code must retain the above copyright notice,
  9.  *    this list of conditions and the following disclaimer.
  10.  *  * Redistributions in binary form must reproduce the above copyright notice,
  11.  *    this list of conditions and the following disclaimer in the documentation
  12.  *    and/or other materials provided with the distribution.
  13.  *  * Neither the name of Jose Enrique Bolanos, Jorge Villalobos nor the names
  14.  *    of its contributors may be used to endorse or promote products derived
  15.  *    from this software without specific prior written permission.
  16.  *
  17.  * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
  18.  * "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
  19.  * LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
  20.  * A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT OWNER
  21.  * OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL,
  22.  * EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO,
  23.  * PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR
  24.  * PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF
  25.  * LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING
  26.  * NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS
  27.  * SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
  28.  **/
  29.  
  30. toolbarbutton.fm-button,
  31. window:not([active="true"]) toolbarbutton.fm-button,
  32. toolbar[iconsize="small"] toolbarbutton.fm-button {
  33.   list-style-image: url("chrome://firefm-os/skin/toolbar.png");
  34.   padding-top: 1px;
  35.   padding-bottom: 1px;
  36. }
  37.  
  38. toolbarbutton[type="menu-button"].fm-button > toolbarbutton {
  39.   padding-top: 0em;
  40.   padding-bottom: 0em;
  41.   padding-right: 0em;
  42. }
  43.  
  44. /* Do some juggling with alignment so that our icons look right. */
  45. #navigator-toolbox[mode="full"] > #nav-bar > toolbarbutton.fm-button:not([type="menu-button"]),
  46. #navigator-toolbox[mode="full"] > #nav-bar > toolbarbutton.fm-button[type="menu-button"] > toolbarbutton,
  47. #navigator-toolbox[mode="full"] > #nav-bar > toolbarpaletteitem > toolbarbutton.fm-button:not([type="menu-button"]),
  48. #navigator-toolbox[mode="full"] > #nav-bar > toolbarpaletteitem > toolbarbutton.fm-button[type="menu-button"] > toolbarbutton {
  49.   padding-top: 12px;
  50. }
  51.  
  52. #firefm-toolbar {
  53.   background-color: #DFDFDF;
  54. }
  55.  
  56. #firefm-statusbar-toolbar {
  57.   -moz-appearance: none;
  58.   -moz-box-align: center;
  59.   background-color: transparent;
  60.   border: none;
  61.   height: 16px;
  62.   min-height: 16px !important;
  63. }
  64.  
  65. #firefm-statusbar-toolbar > toolbarbutton.fm-button:hover,
  66. #firefm-statusbar-toolbar > toolbarbutton.fm-button:hover:active,
  67. #firefm-statusbar-toolbar > toolbarbutton.fm-button[type="menu-button"] > toolbarbutton:hover,
  68. #firefm-statusbar-toolbar > toolbarbutton.fm-button[type="menu-button"] > toolbarbutton:hover:active {
  69.   -moz-appearance: none;
  70.   border: none;
  71.   background: none;
  72. }
  73.  
  74.  
  75. #firefm-statusbar-toolbar > toolbarbutton.fm-button,
  76. #firefm-statusbar-toolbar > toolbarbutton.fm-button image {
  77.   padding-top: 0em;
  78.   padding-bottom: 0em;
  79. }
  80.  
  81. #firefm-statusbar-toolbar > toolbarbutton.fm-button[type="menu-button"] {
  82.   -moz-box-align: start;
  83. }
  84.  
  85. #firefm-track-info {
  86.   min-width: 25em;
  87. }
  88.  
  89. #firefm-status-track-info {
  90.   font-size: 0.8em;
  91. }
  92.  
  93. /* The wrapper is automatically created in the customize toolbar window. */
  94. #wrapper-firefm-track-info {
  95.   width: 20em;
  96. }
  97.  
  98. /* Home button. */
  99.  
  100. #firefm-home-button,
  101. #firefm-status-home-button {
  102.   -moz-image-region: rect(0px, 16px, 16px, 0px);
  103. }
  104.  
  105. #firefm-home-button:hover,
  106. #firefm-status-home-button:hover {
  107.   -moz-image-region: rect(16px, 16px, 32px, 0px);
  108. }
  109.  
  110. #firefm-home-button:hover:active,
  111. #firefm-status-home-button:hover:active {
  112.   -moz-image-region: rect(0px, 16px, 16px, 0px);
  113. }
  114.  
  115. /* Log in / log out button. */
  116.  
  117. #firefm-login-logout-button,
  118. #firefm-status-login-logout-button {
  119.   -moz-image-region: rect(0px, 32px, 16px, 16px);
  120. }
  121.  
  122. #firefm-login-logout-button:not([disabled="true"]):hover,
  123. #firefm-status-login-logout-button:not([disabled="true"]):hover {
  124.   -moz-image-region: rect(16px, 32px, 32px, 16px);
  125. }
  126.  
  127. #firefm-login-logout-button:not([disabled="true"]):hover:active,
  128. #firefm-status-login-logout-button:not([disabled="true"]):hover:active {
  129.   -moz-image-region: rect(0px, 32px, 16px, 16px);
  130. }
  131.  
  132. #firefm-login-logout-button[disabled="true"],
  133. #firefm-status-login-logout-button[disabled="true"] {
  134.   -moz-image-region: rect(32px, 32px, 48px, 16px);
  135. }
  136.  
  137. #firefm-login-logout-button[loggedin="true"],
  138. #firefm-status-login-logout-button[loggedin="true"] {
  139.   -moz-image-region: rect(0px, 48px, 16px, 32px);
  140. }
  141.  
  142. #firefm-login-logout-button[loggedin="true"]:not([disabled="true"]):hover,
  143. #firefm-status-login-logout-button[loggedin="true"]:not([disabled="true"]):hover {
  144.   -moz-image-region: rect(16px, 48px, 32px, 32px);
  145. }
  146.  
  147. #firefm-login-logout-button[loggedin="true"]:not([disabled="true"]):hover:active,
  148. #firefm-status-login-logout-button[loggedin="true"]:not([disabled="true"]):hover:active {
  149.   -moz-image-region: rect(0px, 48px, 16px, 32px);
  150. }
  151.  
  152. /* Station button. */
  153.  
  154. #firefm-station-button,
  155. #firefm-status-station-button {
  156.   -moz-image-region: rect(0px, 64px, 16px, 48px);
  157. }
  158.  
  159. #firefm-station-button:not([disabled="true"]):hover,
  160. #firefm-status-station-button:not([disabled="true"]):hover {
  161.   -moz-image-region: rect(16px, 64px, 32px, 48px);
  162. }
  163.  
  164. #firefm-station-button:not([disabled="true"]):hover:active,
  165. #firefm-status-station-button:not([disabled="true"]):hover:active {
  166.   -moz-image-region: rect(0px, 64px, 16px, 48px);
  167. }
  168.  
  169. #firefm-station-button[disabled="true"],
  170. #firefm-status-station-button[disabled="true"] {
  171.   -moz-image-region: rect(32px, 64px, 48px, 48px);
  172. }
  173.  
  174. #firefm-station-button[firstRun="true"],
  175. #firefm-station-button[firstRun="true"]:hover,
  176. #firefm-station-button[firstRun="true"]:hover:active,
  177. #firefm-status-station-button[firstRun="true"],
  178. #firefm-status-station-button[firstRun="true"]:hover,
  179. #firefm-status-station-button[firstRun="true"]:hover:active {
  180.   list-style-image: url("chrome://firefm/skin/stationAnim.png");
  181.   -moz-image-region: auto;
  182. }
  183.  
  184. /* Play / stop button. */
  185.  
  186. #firefm-play-stop-button,
  187. #firefm-status-play-stop-button {
  188.   -moz-image-region: rect(0px, 80px, 16px, 64px);
  189. }
  190.  
  191. #firefm-play-stop-button:not([disabled="true"]):hover,
  192. #firefm-status-play-stop-button:not([disabled="true"]):hover {
  193.   -moz-image-region: rect(16px, 80px, 32px, 64px);
  194. }
  195.  
  196. #firefm-play-stop-button:not([disabled="true"]):hover:active,
  197. #firefm-status-play-stop-button:not([disabled="true"]):hover:active {
  198.   -moz-image-region: rect(0px, 80px, 16px, 64px);
  199. }
  200.  
  201. #firefm-play-stop-button[disabled="true"],
  202. #firefm-status-play-stop-button[disabled="true"] {
  203.   -moz-image-region: rect(32px, 80px, 48px, 64px);
  204. }
  205.  
  206. #firefm-play-stop-button[playing="true"],
  207. #firefm-status-play-stop-button[playing="true"] {
  208.   -moz-image-region: rect(0px, 96px, 16px, 80px);
  209. }
  210.  
  211. #firefm-play-stop-button[playing="true"]:not([disabled="true"]):hover,
  212. #firefm-status-play-stop-button[playing="true"]:not([disabled="true"]):hover {
  213.   -moz-image-region: rect(16px, 96px, 32px, 80px);
  214. }
  215.  
  216. #firefm-play-stop-button[playing="true"]:not([disabled="true"]):hover:active,
  217. #firefm-status-play-stop-button[playing="true"]:not([disabled="true"]):hover:active {
  218.   -moz-image-region: rect(0px, 96px, 16px, 80px);
  219. }
  220.  
  221. /* Skip button. */
  222.  
  223. #firefm-skip-button,
  224. #firefm-status-skip-button {
  225.   -moz-image-region: rect(0px, 112px, 16px, 96px);
  226. }
  227.  
  228. #firefm-skip-button:not([disabled="true"]):hover,
  229. #firefm-status-skip-button:not([disabled="true"]):hover {
  230.   -moz-image-region: rect(16px, 112px, 32px, 96px);
  231. }
  232.  
  233. #firefm-skip-button:not([disabled="true"]):hover:active,
  234. #firefm-status-skip-button:not([disabled="true"]):hover:active {
  235.   -moz-image-region: rect(0px, 112px, 16px, 96px);
  236. }
  237.  
  238. #firefm-skip-button[disabled="true"],
  239. #firefm-status-skip-button[disabled="true"] {
  240.   -moz-image-region: rect(32px, 112px, 48px, 96px);
  241. }
  242.  
  243. /* Volume button. */
  244.  
  245. #firefm-volume-button,
  246. #firefm-status-volume-button {
  247.   -moz-image-region: rect(0px, 160px, 16px, 144px);
  248. }
  249.  
  250. #firefm-volume-button:not([disabled="true"]):hover,
  251. #firefm-status-volume-button:not([disabled="true"]):hover {
  252.   -moz-image-region: rect(16px, 160px, 32px, 144px);
  253. }
  254.  
  255. #firefm-volume-button:not([disabled="true"]):hover:active,
  256. #firefm-status-volume-button:not([disabled="true"]):hover:active {
  257.   -moz-image-region: rect(0px, 160px, 16px, 144px);
  258. }
  259.  
  260. #firefm-volume-button[volume="low"],
  261. #firefm-status-volume-button[volume="low"] {
  262.   -moz-image-region: rect(0px, 144px, 16px, 128px);
  263. }
  264.  
  265. #firefm-volume-button[volume="low"]:not([disabled="true"]):hover,
  266. #firefm-status-volume-button[volume="low"]:not([disabled="true"]):hover {
  267.   -moz-image-region: rect(16px, 144px, 32px, 128px);
  268. }
  269.  
  270. #firefm-volume-button[volume="low"]:not([disabled="true"]):hover:active,
  271. #firefm-status-volume-button[volume="low"]:not([disabled="true"]):hover:active {
  272.   -moz-image-region: rect(0px, 144px, 16px, 128px);
  273. }
  274.  
  275. #firefm-volume-button[volume="zero"],
  276. #firefm-status-volume-button[volume="zero"] {
  277.   -moz-image-region: rect(0px, 128px, 16px, 112px);
  278. }
  279.  
  280. #firefm-volume-button[volume="zero"]:not([disabled="true"]):hover,
  281. #firefm-status-volume-button[volume="zero"]:not([disabled="true"]):hover {
  282.   -moz-image-region: rect(16px, 128px, 32px, 112px);
  283. }
  284.  
  285. #firefm-volume-button[volume="zero"]:not([disabled="true"]):hover:active,
  286. #firefm-status-volume-button[volume="zero"]:not([disabled="true"]):hover:active {
  287.   -moz-image-region: rect(0px, 128px, 16px, 112px);
  288. }
  289.  
  290. #firefm-volume-button[disabled="true"],
  291. #firefm-status-volume-button[disabled="true"] {
  292.   -moz-image-region: rect(32px, 128px, 48px, 112px);
  293. }
  294.  
  295. /* Love button. */
  296.  
  297. #firefm-love-button,
  298. #firefm-status-love-button {
  299.   -moz-image-region: rect(0px, 176px, 16px, 160px);
  300. }
  301.  
  302. #firefm-love-button:not([disabled="true"]):hover,
  303. #firefm-status-love-button:not([disabled="true"]):hover {
  304.   -moz-image-region: rect(16px, 176px, 32px, 160px);
  305. }
  306.  
  307. #firefm-love-button:not([disabled="true"]):hover:active,
  308. #firefm-status-love-button:not([disabled="true"]):hover:active {
  309.   -moz-image-region: rect(0px, 176px, 16px, 160px);
  310. }
  311.  
  312. #firefm-love-button[disabled="true"],
  313. #firefm-status-love-button[disabled="true"] {
  314.   -moz-image-region: rect(32px, 176px, 48px, 160px);
  315. }
  316.  
  317. /* Ban button. */
  318.  
  319. #firefm-ban-button,
  320. #firefm-status-ban-button {
  321.   -moz-image-region: rect(0px, 192px, 16px, 176px);
  322. }
  323.  
  324. #firefm-ban-button:not([disabled="true"]):hover,
  325. #firefm-status-ban-button:not([disabled="true"]):hover {
  326.   -moz-image-region: rect(16px, 192px, 32px, 176px);
  327. }
  328.  
  329. #firefm-ban-button:not([disabled="true"]):hover:active,
  330. #firefm-status-ban-button:not([disabled="true"]):hover:active {
  331.   -moz-image-region: rect(0px, 192px, 16px, 176px);
  332. }
  333.  
  334. #firefm-ban-button[disabled="true"],
  335. #firefm-status-ban-button[disabled="true"] {
  336.   -moz-image-region: rect(32px, 192px, 48px, 176px);
  337. }
  338.  
  339. /* Tag button. */
  340.  
  341. #firefm-tag-button,
  342. #firefm-status-tag-button {
  343.   -moz-image-region: rect(0px, 208px, 16px, 192px);
  344. }
  345.  
  346. #firefm-tag-button:not([disabled="true"]):hover,
  347. #firefm-status-tag-button:not([disabled="true"]):hover {
  348.   -moz-image-region: rect(16px, 208px, 32px, 192px);
  349. }
  350.  
  351. #firefm-tag-button:not([disabled="true"]):hover:active,
  352. #firefm-status-tag-button:not([disabled="true"]):hover:active {
  353.   -moz-image-region: rect(0px, 208px, 16px, 192px);
  354. }
  355.  
  356. #firefm-tag-button[disabled="true"],
  357. #firefm-status-tag-button[disabled="true"] {
  358.   -moz-image-region: rect(32px, 208px, 48px, 192px);
  359. }
  360.  
  361. /* Share button. */
  362.  
  363. #firefm-share-button,
  364. #firefm-status-share-button {
  365.   -moz-image-region: rect(0px, 224px, 16px, 208px);
  366. }
  367.  
  368. #firefm-share-button:not([disabled="true"]):hover,
  369. #firefm-status-share-button:not([disabled="true"]):hover {
  370.   -moz-image-region: rect(16px, 224px, 32px, 208px);
  371. }
  372.  
  373. #firefm-share-button:not([disabled="true"]):hover:active,
  374. #firefm-status-share-button:not([disabled="true"]):hover:active {
  375.   -moz-image-region: rect(0px, 224px, 16px, 208px);
  376. }
  377.  
  378. #firefm-share-button[disabled="true"],
  379. #firefm-status-share-button[disabled="true"] {
  380.   -moz-image-region: rect(32px, 224px, 48px, 208px);
  381. }
  382.  
  383. /* Video button. */
  384.  
  385. #firefm-video-button,
  386. #firefm-status-video-button {
  387.   -moz-image-region: rect(0px, 240px, 16px, 224px);
  388. }
  389.  
  390. #firefm-video-button:not([disabled="true"]):hover,
  391. #firefm-status-video-button:not([disabled="true"]):hover {
  392.   -moz-image-region: rect(16px, 240px, 32px, 224px);
  393. }
  394.  
  395. #firefm-video-button:not([disabled="true"]):hover:active,
  396. #firefm-status-video-button:not([disabled="true"]):hover:active {
  397.   -moz-image-region: rect(0px, 240px, 16px, 224px);
  398. }
  399.  
  400. #firefm-video-button[disabled="true"],
  401. #firefm-status-video-button[disabled="true"] {
  402.   -moz-image-region: rect(32px, 240px, 48px, 224px);
  403. }
  404.